<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <div class="nav">
      <div class="nav-c">
        <img src="img/logo.png" alt="logo" />
        <ul class="nav-left">
          <li class="nav-item">
            <a href="../../index.html">
              首页
            </a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="../project/index.html">项目</a>
            <span class="line"></span>
          </li>
          <li class="nav-item active">
            <a href="index.html" >产品</a>
            <span class="line"></span>
          </li>

          <li class="nav-item">
            <a href="../service/index.html">服务</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="../news/index.html">新闻</a>
            <span class="line"></span>
          </li>
          <li class="nav-item">
            <a href="index.html">关于</a>
            <span class="line"></span>
          </li>
        </ul>
      </div>
    </div>
    
    <div class="container-c">
      <div class="banner"></div>

      <div class="position-subnav">
        <div class="position-info">
          <span id="bed" class="position-info-text">您的位置：产品</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">产品中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item active">
              <a href="#bed">床</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#sofa">沙发</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#chair">桌椅</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#closet">衣柜</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#light">灯</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>

        <div class="produce-list">
          <ul class="produce-list-t">
            <li class="produce-item">
              <a href="">
                <img src="img/bed0.jpg" alt="" />
                <p>PEMBERLY ROW</p>
                <p>软垫加州特大号床板ZUMA PUMICE</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/bed1.jpg" alt="" />
                <p>SOLOMAN</p>
                <p>中世纪浅米色面料平台床</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/bed2.jpg" alt="" />
                <p>CHESTER</p>
                <p>簇绒天鹅绒特大号床</p>
              </a>
            </li>
          </ul>

          <ul class="produce-list-d">
            <li class="produce-item">
              <a href="">
                <img src="img/bed3.jpg" alt="" />
                <p>HAWTHORNE</p>
                <p>女王平台床</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/bed4.jpg" alt="" />
                <p>HENRY MID-CENTURY</p>
                <p>现代软垫平台床</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/bed5.jpg" alt="" />
                <p>MODBERG</p>
                <p>墨西拿灰色生态床</p>
              </a>
            </li>
          </ul>
        </div>
      </div>

      <div class="position-subnav bottom">
        <div class="position-info">
          <span id="sofa" class="position-info-text">您的位置：产品</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">产品中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item">
              <a href="#bed">床</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item active">
              <a href="#sofa">沙发</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#chair">桌椅</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#closet">衣柜</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#light">灯</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>

        <div class="produce-list bottom">
          <ul class="produce-list-t">
            <li class="produce-item">
              <a href="">
                <img src="img/sofa1.jpg" alt="" />
                <p>OUTDOOR</p>
                <p>户外庭院沙发</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/sofa2.jpg" alt="" />
                <p>HAMPTON</p>
                <p>汉普顿客厅套装</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/sofa3.jpg" alt="" />
                <p>PREMIER</p>
                <p>总统客厅套装</p>
              </a>
            </li>
          </ul>
        </div>
      </div>

      <div class="position-subnav bottom">
        <div class="position-subnav bottom">
          <div class="position-info">
            <span id="chair" class="position-info-text">您的位置：产品</span>
            <img class="position-info-img" src="img/arrow.png" alt="" />
            <span class="position-info-text active">产品中心</span>
          </div>
          <div class="sub-nav">
            <ul>
              <li class="sub-item">
                <a href="#bed">床</a>
                <span class="line"></span>
                <span class="sub-line"></span>
              </li>
              <li class="sub-item">
                <a href="#sofa">沙发</a>
                <span class="line"></span>
                <span class="sub-line"></span>
              </li>
              <li class="sub-item active">
                <a href="#chair">桌椅</a>
                <span class="line"></span>
                <span class="sub-line"></span>
              </li>
              <li class="sub-item">
                <a href="#closet">衣柜</a>
                <span class="line"></span>
                <span class="sub-line"></span>
              </li>
              <li class="sub-item">
                <a href="#light">灯</a>
                <span class="line"></span>
              </li>
            </ul>
          </div>

        <div class="produce-list bottom">
          <ul class="produce-list-t">
            <li class="produce-item">
              <a href="">
                <img src="img/chair1.jpg" alt="" />
                <p>FILTON</p>
                <p>绗缝皮革柜台凳</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/chair2.jpg" alt="" />
                <p>SOLOMAN</p>
                <p>深色帆布G柜台凳</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/closet3.jpg" alt="" />
                <p>MARIETTE</p>
                <p>玛丽埃塔户外铸铝黑沙套件</p>
              </a> 
            </li>
          </ul>
        </div>
      </div>

      <div class="position-subnav bottom">
        <div class="position-info">
          <span id="closet" class="position-info-text">您的位置：产品</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">产品中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item">
              <a href="#bed">床</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#sofa">沙发</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#chair">桌椅</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item active">
              <a href="#closet">衣柜</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#light">灯</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>

        <div class="produce-list bottom">
          <ul class="produce-list-t">
            <li class="produce-item">
              <a href="">
                <img src="img/closet1.jpg" alt="" />
                <p>MANHATTAN</p>
                <p>曼哈顿现代白色衣橱</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/closet2.jpg" alt="" />
                <p>MAGNUSSEN</p>
                <p>LANCASTER燕尾灰衣橱</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/closet3.jpg" alt="" />
                <p>SOUTH SHORE</p>
                <p>AXESS ARMOIRE黑色绅士衣橱
                </p>
              </a>
            </li>
          </ul>
        </div>
      </div>

      <div class="position-subnav bottom">
        <div class="position-info">
          <span id="light" class="position-info-text">您的位置：产品</span>
          <img class="position-info-img" src="img/arrow.png" alt="" />
          <span class="position-info-text active">产品中心</span>
        </div>
        <div class="sub-nav">
          <ul>
            <li class="sub-item">
              <a href="#bed">床</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#sofa">沙发</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#chair">桌椅</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item">
              <a href="#closet">衣柜</a>
              <span class="line"></span>
              <span class="sub-line"></span>
            </li>
            <li class="sub-item active">
              <a href="#light">灯</a>
              <span class="line"></span>
            </li>
          </ul>
        </div>

        <div class="produce-list bottom">
          <ul class="produce-list-t">
            <li class="produce-item">
              <a href="">
                <img src="img/light1.jpg" alt="" />
                <p>5-LIGHT</p>
                <p>油擦青铜枝形吊灯</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/light2.jpg" alt="" />
                <p>ZEPLIN 12-LIGHT </p>
                <p>SPUTNIK枝形吊灯</p>
              </a>
            </li>
            <li class="produce-item">
              <a href="">
                <img src="img/light3.jpg" alt="" />
                <p>MOUSSE</p>
                <p>现代枝形吊灯米白色灯罩
                </p>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div> 
    </div>

    <div class="footer">
      <div class="footer-l">
        <p>简设装饰有限公司</p>
        <ul class="footer-l-logo">
          <li>
            <img src="img/weibo.png" alt="" />
          </li>
          <li>
            <img src="img/wechat.png" alt="" />
          </li>
          <li>
            <img src="img/qq.png" alt="" />
          </li>
        </ul>
      </div>

      <div class="footer-m">
        <p>地址：中国地区**分区6号写字楼888室</p>
        <p>电话：688-8888-008</p>
        <p>传真：000-66668888</p>
      </div>

      <div class="footer-r">
        <p>邮编：100000</p>
        <p>手机：186-6006-8008</p>
        <p>邮箱：00060008@163.com</p>
      </div>
    </div>
  </body>
</html>
